import React from 'react'

export default function CustomLoad() {
    return (
        <div className='fixed inset-0 bg-black/5 backdrop-blur-sm flex items-center justify-center z-50 animate-fade-in'>
            <div className='bg-white dark:bg-gray-900 rounded-lg p-6 shadow-lg flex flex-col items-center max-w-xs w-full mx-4 border border-gray-200 dark:border-gray-700 transition-all duration-300 animate-slide-up'>
                {/* 现代化旋转加载动画 */}
                <div className='w-16 h-16 relative mb-4'>
                    <div className='absolute inset-0 border-4 border-t-primary border-r-transparent border-b-transparent border-l-transparent rounded-full animate-spin-fast'></div>
                    <div className='absolute inset-2 border-4 border-t-primary/50 border-r-transparent border-b-transparent border-l-transparent rounded-full animate-spin-slow'></div>
                </div>

                {/* 加载文本 */}
                <h3 className='text-lg font-semibold text-center text-gray-900 dark:text-white mb-1'>正在提交...</h3>
                <p className='text-sm text-gray-500 dark:text-gray-400 text-center'>请稍候，我们正在处理您的请求</p>
            </div>
        </div>
    )
}
